<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>CSS3右上角倾斜文字</title>
		<style>
			.content {
				position: relative;
				width: 265px;
				height: 285px;
				margin: 30px auto;
				background-color: white;
				overflow: hidden;
			}

			.t-right-new {
				position: absolute;
				width: 72px;
				height: 20px;
				background-color: red;
				color: white;
				text-align: center;
				transform: rotate(-40deg);
				top: 6px;
				left: -15px;
			}

			.t-right-new p {
				font-size: 14px;
				line-height: 20px;
				margin: 0;
			}
		</style>
	</head>

	<body>
		<div class="content">
			<div class="t-right-new">
				<p>最新</p>
			</div>
			<img src="http://www.ftsucai.com/images/default_pic.jpg">
		</div>
	</body>
</html>
